.ban {
  max-width: 960px;
  padding: 10px;
  .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 700;

    img {
      margin-right: 10px;
    }
  }
  .btns {
    margin: 10px 0;
  }

  .week-group{
    margin-bottom: 20px;
    
  
    .day-group{
      border: #e7f2ff solid 2px;
      display: inline-block;
      padding: 6px;
      border-bottom: none;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }
  
    .week {
      position: relative;
      background-color: #e7f2ff;
      backdrop-filter: 0.1;
      
      padding: 10px;
      border-radius: 4px;
      border-top-left-radius: 0;
  
      .day {
        height: 20px;
        line-height: 20px;
  
        .porn {
          display: inline-block;
          width: 25%;
        }
      }
  
      .head {
        background-color: #c6e0ff;
        padding: 3px 0;
      }
  
      .sider {
        height: 20px;
        line-height: 20px;
        position: absolute;
        left: 0;
  
        &>div {
          padding: 0px 6px;
          background-color: #c6e0ff;
        }
      }
    }
  }

  

}

.pai-actions {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;

  button {
    width: 46%;
  }
}

@media print {
  .btns {display:none;}
}